<template>
  <div>
    <el-dialog title="修改蜂窝信息" :visible="visible" width="50%" @open="onOpen" @close="onClose" :destroy-on-close="true">
      <el-form :model="cellularInfoRowValue" :rules="formRules" inline label-position="right" :label-width="formLabelWidth" ref="formRef">
        <el-row>
          <el-col :span="12">
            <el-form-item label="城市" prop="city">
              <el-input v-model="cellularInfoRowValue.city" autocomplete="off" style="width:193px;" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="分公司" prop="company">
              <el-input v-model="cellularInfoRowValue.company" autocomplete="off" style="width:193px;" disabled></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="蜂窝编码" prop="cellularCode">
              <el-input v-model="cellularInfoRowValue.cellularCode" autocomplete="off" style="width:193px;" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="蜂窝名称" prop="cellularName">
              <el-input v-model="cellularInfoRowValue.cellularName" autocomplete="off" style="width:193px;" clearable></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="蜂窝类型" prop="cellularClassify">
              <el-select v-model="cellularInfoRowValue.cellularClassify" filterable clearable disabled>
                <el-option v-for="item of cellularClassifyList" :value="item.id" :key="item.label" :label="item.label"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="自动调价" prop="autoPrice">
              <el-select v-model="cellularInfoRowValue.autoPrice" filterable clearable>
                <el-option label="是" value="Y" />
                <el-option label="否" value="N" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="调价优先级" prop="cellularPriority">
              <el-select v-model="cellularInfoRowValue.cellularPriority" filterable clearable>
                <el-option v-for="item of cellularPriorityList" :key="item.value" :value="item.key" :label="item.key"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="蜂窝参考竞对" prop="topValue">
              月售排名前：<el-input
                v-model="cellularInfoRowValue.topValue"
                autocomplete="off"
                style="width:110px;"
                type="number"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" :class="$style.footerBtns">
        <el-button @click="onCancel">取 消</el-button>
        <el-button type="primary" @click="onComfirm('formRef')" :loading="submiting">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<style lang="scss" module>
.footerBtns {
  margin: 0 auto;
  width: 30%;
  display: flex;
  justify-content: space-around;
}
</style>
<script>
import Index from './index.js';
export default Index;
</script>
